<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐看-招聘搜索</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/css/see/recruitScreen.min.css?v=<%=$version%>">
</head>
<body>
<div id="recruitScreen" v-cloak>
    <header class="recruitScreen-header">
        <div class="header-left">
            <span class="header-leftLeft">{{{"1":"职位","2":"人才"}[""+type]}}<span>&or;</span></span>
            <input type="text" v-if="type==1" name="name" v-model="name" placeholder="搜索职位">
            <input type="text" v-if="type==2" name="name" v-model="name" placeholder="搜索人才">
            <strong class="recruitScreen-reset"></strong>
        </div>
        <span class="header-right" @click="getBack()">取消</span>
    </header>
    <div class="recruitScreen-history" v-if="searchHistory.hosts">
        <div class="recruitScreen-title">最近热搜</div>
        <div class="history-cent clearfix">
            <span v-for="item in searchHistory.hosts" @click="getNext(item.name)">{{item.name}}</span>
        </div>
    </div>
    <div class="recruitScreen-record" v-if="searchHistory.historys">
        <div class="recruitScreen-title">历史记录<strong class="recruitScreen-close" @click="emptySearchHistory()"></strong></div>
        <div class="record-list" @click="getNext(item.name)" v-for="item in searchHistory.historys">
            <span>{{item.name}}</span>
            <strong class="record-listIcon" @click.stop="deleteSearchHistory(item.historyId)"></strong>
        </div>
    </div>
    <div class="historyList" v-if="isHistory">
        <div class="record-list" v-for="item in searchRecruitList" @click="getNext(item.title)">
            <span>{{item.title}}</span>
            <!--<strong class="record-listIcon"></strong>-->
        </div>
    </div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/see/recruitScreen.js?v=<%=$version%>"></script>
</body>
</html>